*{margin: 0; padding: 0;}

body{font: 12px Tahoma, Arial;}

#wrapper{margin: 10px 5%;}

#header{height: 100px; border-bottom: solid 1px silver; margin-bottom: 10px;}
#body{min-height: 500px; border: solid 1px silver; background-color: #f5f5f5;}
#footer{height: 50px; border-top: solid 1px silver; margin-top: 10px;}

#areaStage{margin: 5px;}
.area{display: none;}
.location{width: 30px; height: 30px; border: solid 1px white; background-color: silver; float: left; margin: 0 2px 2px 0;}
.location.first{clear: left;}
.location.last{clear: right;}
.location.cell{}
.location.wall{background-color: gray;}
.location.active{border-color: gray;}
.location.start{background-color: #09f;}
.location.exit{background-color: #09f;}
.location.current{background-color: green;}
.location.active:hover{border-color: black; cursor: pointer;}

#battleLog{display: none; position: absolute; width: 60%; max-height: 300px; overflow: auto; left : 20%; top: 200px; border: solid 1px silver; background-color: white; padding: 5px;}